*,html,body,ul{
    margin:0;padding:0;
}
body{
    background:#f2f2f2;
}
li{
    list-style: none;
    display: inline-block !important;
}
h2{
    text-align: center;
}
a{
    color:#fafafa;
}
table{
    letter-spacing: 0;
    border-collapse:collapse;
    width:100%;
}
td{
    height:30px;
}
.zhtt-nav{
    background: #036;
    color:#fff;
    display: flex;
    flex-direction: row;
    line-height: 40px;
}
.right{
    width:180px;
}
.left{
    flex:1;
    padding-left:20px;
}
.icon-user{
    border-radius: 100%;
    width: 0.8em;
    height: 0.8em;
    background-color: currentcolor;
    position: relative;
    display: inline-block;
    top:-4px;
    margin-right:4px;
}
.icon-user::after{
    content: "";
    position: absolute;
    top:98%;
    left: -0.4em;
    border-radius: 1em;
    background-color: currentcolor;
    height: 0.7em;
    width: 1.5em;
    border-top-left-radius: 1.2em;
    border-top-right-radius: 1.2em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.loginUserName{
    display: inline-block;
}
.layout-center{
    max-width:800px;
    margin:0 auto;
    background: #fff;
    padding:8px;
}
